<template>
	<view>
		<view class="image-flex">
			<image class="left-image" :src="Image3[0].src" mode=""></image>
			<view class="right-image-flex">
				<image class="right-image" :src="Image3[1].src" mode=""></image>
				<image class="right-image" :src="Image3[2].src" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			Image3:Array
		},
		onShow() {
			
		}
	}
</script>

<style lang="less">
	.image-flex{
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 530rpx;
		.left-image{
			width: 375rpx;
			height: 100%;
		}
		.right-image-flex{
			width: 375rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			
			.right-image{
				
				height: 264rpx;
			}
			
		}
		
	}
	
</style>
